<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .a {
            width: 600px;
            height: 500px;
            margin: auto;
            border: solid;
            border-color: royalblue;
        }
        .b {
            width: 540px;
            height: 380px;
            margin: auto;
            border: solid;
            border-color: royalblue;
            margin-top: 16px;
        }
        .c {
            color: blue;
            text-indent: 32px;
        }
        .d{
            margin-left: 32px;
            color: blue;
        }
        .q {
            margin-left: 32px;
            font-size: 20px;
            font-weight: 400;
        }
        .w {
            text-decoration: none;
            color: rgb(7, 143, 206);
        }
        .e {
            background: rgb(17, 120, 189);
        }
    </style>
</head>
<body>
    <div class="a">
        <p class="q">创建账号</p>
        <div class="b">
            <p class="d">
                <b>您的电子邮箱不会被公布，但是必须填写。</b>
                在您注册之前请先认真阅读服务条款
            </p>
            <form action="">
                <table cellspacing="6px">
                    <tr height="30px" align="left">
                        <td width="160px" align="right">用户名</td>
                        <td width="160px"><input type="text"></td>
                        <td width="160px">*(最多30个字符)</td>
                    </tr>
                    <tr height="30px" align="left">
                        <td width="160px" align="right">电子邮箱</td>
                        <td width="160px"><input type="text"></td>
                        <td width="160px">*</td>
                    </tr>
                    <tr height="30px" align="left">
                        <td width="160px" align="right">密码</td>
                        <td width="160px"><input type="password"></td>
                        <td width="160px">*(最多15个字符)</td>
                    </tr>
                    <tr height="30px" align="left">
                        <td width="160px" align="right">重复密码</td>
                        <td width="160px"><input type="password"></td>
                        <td width="160px">*</td>
                    </tr>
                    <tr height="30px" align="left">
                        <td width="160px" align="right">同意服务条款</td>
                        <td width="320px" colspan="2" align="left">
                            <input type="checkbox">
                            <a href="" class="w">
                                先看看条款？
                            </a>*
                        </td>
                    </tr>
                    <tr align="center">
                        <td width="480px" colspan="3"><input type="submit" class="e">&ensp;<input type="reset" class="e"></td>
                    </tr>
                </table>
            </form>
            <p class="c">*在提交您的注册信息时，我们认为您已经同意了我们的服务条款。</p>
            <p class="c">*这些条款可能在未经您同意的时候进行修改</p>
        </div>
    </div>
</body>
</html>